{% extends "base.html" %}

{% block title %}添加教学活动类型{% endblock %}

{% block meta %}

<!-- STYLESHEETS -->

<link rel="stylesheet" media="screen" href="/static/css/reset.css" />
<link rel="stylesheet" media="screen" href="/static/css/grids.css" />
<link rel="stylesheet" media="screen" href="/static/css/style.css" />
<link rel="stylesheet" media="screen" href="/static/css/forms.css" />
<link rel="stylesheet" media="screen" href="/static/css/jquery.uniform.css" />
<link rel="stylesheet" media="screen" href="/static/css/themes/lightblue/style.css" />

{% endblock %}

{% block header %}

					<li class="dropdown active"> 
						<a href="dashboard.html#a">active item</a> 
						<ul> 
							<li> 
								<a href="dashboard.html#aa">menu item</a> 
							</li> 
							<li class="dropdown"> 
								<a href="dashboard.html#ab">menu item</a> 
								<ul> 
									<li class="current"><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#aba">menu item</a></li> 
									<li><a href="dashboard.html#abb">menu item</a></li> 
									<li><a href="dashboard.html#abc">menu item</a></li> 
									<li><a href="dashboard.html#abd">menu item</a></li> 
								</ul> 
							</li> 
							<li class="dropdown"> 
								<a href="dashboard.html#">menu item</a> 
								<ul> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
								</ul> 
							</li> 
							<li class="dropdown"> 
								<a href="dashboard.html#">menu item</a> 
								<ul> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
								</ul> 
							</li> 
						</ul> 
					</li> 
					<li> 
						<a href="dashboard.html#">menu item</a> 
					</li> 
					<li class="dropdown"> 
						<a href="dashboard.html#">menu item</a> 
						<ul> 
							<li class="dropdown"> 
								<a href="dashboard.html#">menu item</a> 
								<ul> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
								</ul> 
							</li> 
							<li class="dropdown"> 
								<a href="dashboard.html#">menu item</a> 
								<ul> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
								</ul> 
							</li> 
							<li class="dropdown"> 
								<a href="dashboard.html#">menu item</a> 
								<ul> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
								</ul> 
							</li> 
							<li class="dropdown"> 
								<a href="dashboard.html#">menu item</a> 
								<ul> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
									<li><a href="dashboard.html#">menu item</a></li> 
								</ul> 
							</li> 
						</ul> 
					</li> 
					<li class="dropdown"> 
                        <a href="dashboard.html#">Themes</a> 
                        <ul>
                            <li><a href="dashboard.html">Lightblue</a></li> 
                            <li><a href="gray.html">Gray</a></li> 
                            <li><a href="dark.html">Dark</a></li> 
                        </ul> 
					</li>	
                    <li class="fr dropdown"> 
                        <a href="dashboard.html#" class="with-profile-image"><span><img src="/static/images/profile-image.png" /></span>Administrator</a> 
                        <ul> 
                            <li><a href="dashboard.html#">Settings</a></li> 
                            <li><a href="dashboard.html#">Users</a></li> 
                            <li><a href="dashboard.html#">Groups</a></li> 
                            <li><a href="dashboard.html#">Signout</a></li> 
                        </ul>
                    </li> 

{% endblock%}

{% block aside %}

                <nav>
                    <h2>课程管理</h2>
                    <ul>
                        <li><a href="{% url course_list %}">课程列表</a></li>
                        <li><a href="{% url course_add %}">添加课程</a></li>
                    </ul>
                </nav>
                <nav>
                    <h2>授课单元管理</h2>
                    <ul>
                        <li><a href="{% url lesson_list %}">授课单元列表</a></li>
                        <li><a href="{% url lesson_add %}">添加授课单元</a></li>
                    </ul>
                </nav>
                <nav>
                    <h2>班级管理</h2>
                    <ul>
                        <li><a href="{% url class_list %}">班级列表</a></li>
                        <li><a href="{% url class_add %}">添加班级</a></li>
                        <li><a href="{% url student_import %}">班级学生导入</a></li>
                    </ul>
                </nav>

                <nav>
                    <h2>教学活动类型</h2>
                    <ul>
                        <li><a href="{% url active_type_list %}">活动类型列表</a></li>
                        <li class="current"><a href="{% url active_type_add %}">添加活动类型</a></li>
                    </ul>
                </nav>
{% endblock %}

{% block content %}

                 <header class="container_12 clearfix">
                    <div class="grid_12">
                        <h1>添加教学活动类型</h1>
                    </div>
                </header>
                <section class="container_12 clearfix">
                    <div class="portlet grid_12">
                        <header>
                            <h2>教学活动类型</h2>
                        </header>
                        <section>
                            <form class="form has-validation" action="" method="post">
                                {% csrf_token %}
                                
                                <div class="clearfix">

                                    <label for="form-label" class="form-label">类型名称 <em>*</em><small>输入课程的名称（考试，授课……）</small></label>

                                    <div class="form-input">
                                        <input type="text" id="form-label" name="label" value="{{ form.data.label }}" required="required" />
                                        {{ form.label.errors }}
                                    </div>

                                </div>
                                
                                
                                <div class="clearfix">

                                    <label for="form-textarea" class="form-label">描述 <small>对类型进行简要说明</small></label>

                                    <div class="form-input form-textarea"><textarea id="form-desc" name="desc" rows="5">{{ form.data.desc }}</textarea></div>

                                </div>
                                
                                
                                <div class="form-action clearfix">

                                    <button class="button" type="submit" data-icon-primary="ui-icon-circle-check">提交</button>

                                    <button class="button" type="reset">重填</button>

                                </div>

                            </form>
                        </section>
                    </div>
                </section>
                <footer class="container_12 clearfix">
                    <div class="grid_12">
                        Copyright &copy; 2011. Theme by <a target="_blank" href="http://themeforest.net/user/vivantdesigns?ref=vivantdesigns">VivantDesigns</a>
                    </div>
                </footer>

{% endblock %}

{% block scripts %}

<!-- KindEditor SETUP -->
<script charset="utf-8" src="/static/lib/kindeditor/kindeditor.js"></script>
<script charset="utf-8" src="/static/lib/kindeditor/lang/zh_CN.js"></script>
<script>
        KindEditor.ready(function(K) {
            var options = {
                width : '700px',
                height : '300px',
                filterMode : true
            };
            var editorExperiment = K.create('#form-desc', options);
        });
</script>
<!-- KindEditor SETUP -->

{% endblock %}
